<template>
  <div class="container">
    <div class="chanpin">
      <div class="text text1">九银电车提供共享控车功能，方便您将爱车借于好友使用，你只需要点击底部导航栏，进入我的页面；选择你希望共享的车辆，点击进入车辆详情页</div>
      <img class="gongxiang" src="../../../assets/Applet/gongxiang.png" alt="">
      <div class="wire"></div>
      <div class="text text1">选择邀请用车，进入邀请用车页面，在此页面您可以看到现在有哪些人有权控制您的爱车</div>
      <img class="gongxiang1" src="../../../assets/Applet/gongxiang1.png" alt="">
      <!-- <div class="wire"></div> -->
      <div class="text text1">点击邀请好友加入，就能自动生成邀请链接，通过微信发送给您想邀请的好友，他一旦接受后就能使用九银出行小程序控制您的爱车了；</div>
      <div class="text text1">如果您的好友已用完车，您可以在列表中点击移除按钮，</div>
      <img class="gongxiang2" src="../../../assets/Applet/gongxiang2.png" alt="">
    </div>
  </div>
</template>
<script>
import { Toast} from 'vant'
export default {
  components:{
    [Toast.name]:Toast
  },
  data(){
    return{

    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>

<style scoped lang="scss">
.container{
  width:100%;
  height:100%;
  text-align: left;
}
.title{
  padding-left:20px;
  font-size:17px;
  font-weight:500;
  line-height: 73px;
  color:#333;
}
.gongxiang{
  width:323px;
  height:603px;
  margin-left:20px;
  margin-bottom:20px;
}
.text{
  padding:0 20px;
  font-size:13px;
  line-height: 23px;
  color:#666;
}
.text1{
  margin-top:20px;
  margin-bottom:20px;
}
.wire{
  width:100%;
  height:8px;
  background:#f3f3f3;
}
.gongxiang1{
  width:360px;
  height:603px;
  margin-bottom:20px;
}
.gongxiang2{
  width:360px;
  height:603px;
  margin-bottom:20px;
}
</style>